<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">	
<ui:composition template="/pages/layout/masterLayout.xhtml">
	<ui:define name="tituloPagina">Alterar Usuários</ui:define>
	<ui:define name="conteudo">
		<t:saveState value="#{gerenciaUsuario.usuarioSelecionado}" />
		<div id="alinhamentos">
			<h:form>		
			<br/>
			<h1>:: Alteração de usuário ::</h1>
			<h2>Dados pessoais</h2>			
			<div id="labels">	
				Nome:
			</div>
			<div id="campos">				
				<h:inputText id="itNome" label="Nome" value="#{gerenciaUsuario.usuarioSelecionado.nome}" required="true"
					validatorMessage="Nome inválido! Digite seu nome e sobrenome." style="width : 200px;" >
					<f:validateRegex pattern="\p{L}+(\s\p{L}+)+" /> 					
					<f:validateLength maximum="100" />
				</h:inputText>
				<h:message for="itNome"/>				
				<br />				
			</div>
			<div id="labels">	
				e-mail:
			</div>
			<div id="campos">							
				<h:inputText id="itEmail" label="email" value="#{gerenciaUsuario.usuarioSelecionado.email}"
					required="true"	validator="#{gerenciaUsuario.validaEmail}" style="width : 200px;" >
					<f:validateLength maximum="100"/>
				</h:inputText>
				<h:message for="itEmail"/>
				<br />				
			</div>							
			<h2>Dados para utilização do site</h2>						
			
			<div id="labels">	
				Login:
			</div>
			<div id="campos">			
				<h:inputText id="itLogin" value="#{gerenciaUsuario.usuarioSelecionado.login}"
				 required="true" requiredMessage="O campo login é requerido." validator="#{gerenciaUsuario.validaLogin}" style="width : 200px;">
				 	<f:validateLength minimum="5" maximum="20" />
				 </h:inputText>
				<h:message for="itLogin"/>
				<br />			
			</div>			
								
			<div id="labels">	
				Senha:
			</div>
			<div id="campos">						
				<h:inputText value="#{gerenciaUsuario.usuarioSelecionado.senha}" required="true" style="width : 200px;" />
				<br/>
			</div>			
			
			<div id="labels">	
				Desativação:
			</div>			
			<div id="campos">
				<rich:calendar datePattern="dd/MM/yyyy" value="#{gerenciaUsuario.usuarioSelecionado.dataDesativacao}" 
					 showApplyButton="false" style="width: 150px" />
				<br/>
			</div>
						
			<div id="labels">	
				CSS:
			</div>			
			<div id="campos">							
				<h:selectOneMenu value="#{gerenciaUsuario.usuarioSelecionado.cssEscolhido}" style="width : 100px;" >
					<f:selectItems value="#{configuracaoBean.layoutsCSS}" />
				</h:selectOneMenu>
				<br />
			</div>			
			
			<div id="labels">	
				Tipo:
			</div>
			<div id="campos">							
				<h:selectOneMenu value="#{gerenciaUsuario.usuarioSelecionado.tipoUsuario}" style="width : 100px;" >
					<f:selectItems value="#{gerenciaUsuario.tiposUsuario}" />
				</h:selectOneMenu>
				<br />
			</div>
			
			<div id="botao_pequeno1">
				<br />							
				<h:commandButton value=" Alterar " action="#{gerenciaUsuario.alteraUsuario}" />&nbsp;&nbsp;	
				<h:commandButton value=" Voltar " action="voltar" immediate="true" />
			</div>
			</h:form>
		</div>
	</ui:define>
</ui:composition>
</html>